<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 【变量声明var】
        // var现在基本不用它,但是看到了你得认识他哦。

        // 【作用】
        // 1.设置变量
        // 2.和let非常类似

        // 【语法】
        // 1.声明变量
        var food
        // 2.变量声明+初始值
        var noodle ='重庆小面'
        // 3.重新赋值
        noodle ='兰州拉面'
        console.log(noodle);//兰州拉面
        
        // 【注意点1:变量会提升】
        console.log(num); var num = 10;

        // 【注意点2:没有块级作用域】 
        for(var i = 1; i < 5 ; i++){
            console.log('循环内'+ i);
        }
        console.log('循环外'+ i);
    </script>

</body>
</html>